<template>
  <div id="box">
    <div class="container">
      <h3></h3>
      <div class="youhui">抢先得知最新产品、独家消息及优惠资讯</div>
      <div class="img">
        <img
          class="wx"
          style="width: 85px"
          height="85px"
          src="../../public/img/footer/微信.png"
          alt=""
        />
        <a href="https://weibo.com/anta"
          ><img
            style="width: 85px"
            height="85px"
            src="../../public/img/footer/微博 (1).png"
            alt=""
        /></a>
      </div>
    </div>

    <!-- <div class="stick">
            <div class="top"></div>
            <div class="shopcar"></div>
            <div class="contact"></div>

        </div> -->
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
/* 需要全局引入margin padding都是0 */
/* html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;} */

.container {
  background-color: #dd0000;
  height: 177px;
  width: 100vw;
  padding: 50px 0;
  margin: 0;
}
.container > h3 {
  margin: 0;
  padding: 0;
  height: 34px;
  background: url("https://img.fishfay.com/theme/images/antacom/text-followus-w.svg")
    no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.container > .youhui {
  color: #fff;
  font-size: 20px;
  font-style: italic;
  line-height: 40px;
  margin-top: 5px;
  text-align: center;
}
.container > .img {
  text-align: center;
}
.container > .img > img {
  margin: 0px 15px;
}

.container > .img > .wx:hover {
  content: url("../../public/img/footer/erweima.jpg");
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}
</style>